<template>
	<view>
		
		<video class="one" object-fit="cover" show-fullscreen-btn v-if="item.vid" :src="item.vid" @loadedmetadata="giao" controls="false">
		</video>	
			<image class="one" v-else :src="item.coverpic" mode=""></image>
		
		<view class="product-name">{{item.name}}</view>
		<view class="footers">
			<view>
				 <text>{{item.pageview}}万</text>
				 <image src="../../static/images/浏览.png"></image>
			</view>	
			<view>
				 <text>{{item.collections}}万</text>
				 <image src="../../static/images/shoucamg.png" @tap.stop="collection(item._id)"></image>
			</view>
		</view>
		
	</view>

		
</template>

<script>
	export default {
		props:["item"],
		name:"videoOne",
		data() {
			return {
				videoDuration:{
					min:"",
					sec:""
				}
			};
		},
		onLoad() {
			
		},
		methods:{
		
			
		}
	}
</script>

<style scoped lang="scss">
.one{
	width: 320rpx;
	height: 300rpx;
	border-radius: 20rpx;
	position: relative;
}
.footers{
			width: 100%;
			display: flex;
		
	
			>view{
				width: 50%;
				display: flex;
					align-items: center;
					font-size: 25rpx;
				
				image{
					width: 30rpx;
					height: 30rpx;
				}
			}
			
}
.product-name{
			font-size: 32rpx;
			margin:5rpx auto 5rpx;
		}
</style>
